<div>
  <h2>样式处理 <i>style</i></h2>
  <h3>分离样式文件</h3>
  <ul>
    <li>
      从内嵌 JS 中分离样式文件有利于客户端进行缓存。
    </li>
    <li>
      webpack4.0之后用 mini-css-extract-plugin 分离样式文件
    </li>
    <li>
      mini-css-extract-plugin除了支持分离单独文件外，还可以做到<span>按需加载</span>
    </li>
  </ul>
  <h3>样式预编译</h3>
  <ul>
    <li>
      ['style-loader', 'css-loader', 'sass-loader']
    </li>
  </ul>

  <h3>postCss</h3>
  <ul>
    <li>postCSS 是一系列编译 CSS 插件的容器</li>
    <li>官方推荐放在 css-loader 之后使用</li>
    <li>要求有专门的配置文件，--postcss.config.js</li>
    <li>
      Autoprefixer 自动添加浏览器前缀
    </li>
    <li>
      stylelinl: css 质量检查工具
    </li>
  </ul>
</div>